<template>
  <div id="app">
    我是结构
    <div class="box" @click="point">
      我是内容
    </div>
  </div>
</template>

<script>
//导出当前组件的配置项
//里面可以提供data(特殊)、methods、computed、watch、生命周期八大钩子等
export default {
  methods: {
    point() {
      alert("你点我干嘛？")
    }
  },
}
</script>
<!-- 
让style支持less语法
1.给style加上 lang="less"
2.安装依赖包lessless-loader
  yarn add less less-loader -D（开发依赖)
 -->
<style>
#app {
  width: 500px;
  height: 500px;
  background-color: red;
}
#app .box {
  width: 200px;
  height: 200px;
  background-color: blue;
}
</style>
